<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,user-scalable=no, initial-scale=1.0,maximum-scale=1.0, minimum-scale=1.0">

    <title>自我简介</title>
    <link rel="stylesheet" href="library/jquery.mobile-1.4.5/jquery.mobile-1.4.5.min.css">
    <link rel="stylesheet" href="library/css/bootstrap.min.css">
    <link rel="shortcut icon" href="xy_favicon.ico">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/it.css">
</head>

<body>
    <script src="library/jquery-1.11.1/jquery-1.11.1.min.js"></script>
    <script src="library/jquery.mobile-1.4.5/jquery.mobile-1.4.5.min.js"></script>
    <div class="container">
        <!-- 导航 -->
        <div data-role="header">
            <div data-role="navbar">
                <ul>
                    <li><a href="index.html" data-ajax="false" class="ui-icon-home ui-btn-icon-top"><span class="hidden-xs">首页</span></a></li>
                    <li><a href="food.html" data-ajax="false" class="ui-icon-heart ui-btn-icon-top"><span class="hidden-xs">美食</span></a></li>
                    <li><a href="spor.html" data-ajax="false" class="ui-icon-location ui-btn-icon-top"><span class="hidden-xs">景区</span></a></li>
                    <li><a href="culture.html" data-ajax="false" class="ui-icon-refresh ui-btn-icon-top"><span class="hidden-xs">文化</span></a></li>
                    <li><a href="contact.html" data-ajax="false" class="ui-icon-mail ui-btn-icon-top ui-btn ui-btn-inline ui-corner-all ui-shadow"><span class="hidden-xs">信息登记</span></a></li>
                </ul>
            </div>
        </div>
        <!-- 主体 -->
        <!-- 简介 -->
        <div data-role="main" class="ui-content">
            <a href="contact.html" data-ajax="false" data-role="button" data-role="button" class="ui-btn ui-corner-all ui-shadow ui-icon-user ui-btn-icon-left" style="width: 9.375rem;">信息登记</a>

            <div data-role="collapsible" data-collapsed="false">
                <h1>简介</h1>
                <p>姓名:安诺</p>
                <p>学校:厦门XX学院</p>
                <p>专业:软件技术</p>
                <p>爱好:敲代码、乒乓球、羽毛球</p>
            </div>

            <!-- 我的大学 -->
            <div data-role="collapsible" data-collapsed="false">
                <h1>我的大学</h1>
                <div class="motto">
                    <span>XX</span>
                    <span>XX</span>
                    <span>XX</span>
                    <span>XX</span>
                </div>
                <img src="images/XX.jpeg" alt="图片" class="ht_img">

            </div>
        </div>
        <div data-role="footer">
            <h1>版权©安诺</h1>
        </div>
    </div>

</body>

</html>